<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            .outer { border: 1px solid grey ; margin: 100px ; }
            .box { border: 5px solid red ; margin: 50px ; }
            .inner { background-color: #1e9fff ; height: 100px ; }
            .first {
                padding-top: 10px ;
                padding-right: 15px ;
                padding-bottom: 20px ;
                padding-left: 25px ;
            }

            .second {
                /* padding: 25px ; */
                /* padding: 25px 50px ; */
                /* padding: 25px 50px 75px ;*/
                 padding: 25px 50px 75px 100px ;
            }
        </style>
    </head>
    <body>

        <div class="outer">
            <div class="box first">
                <div class="inner"></div>
            </div>
        </div>

        <div class="outer">
            <div class="box second">
                <div class="inner"></div>
            </div>
        </div>
        
    </body>
</html>